// 频道的相关操作

import { getChannels, getUserChannels } from '@/api/channels'

export default {
  namespaced: true,
  state: {
    channelList: [],
    allChannelList: []
  },
  mutations: {
    setChannelList(state, payload) {
      state.channelList = payload
    },
    setAllChannelList(state, payload) {
      state.allChannelList = payload
    }
  },
  actions: {
    async actions_getChannelList(context) {
      const res = await getUserChannels()
      // console.log(res)
      context.commit('setChannelList', res.data.channels)
    },
    async actions_getAllChannelList(context) {
      const res = await getChannels()
      context.commit('setAllChannelList', res.data.channels)
      console.log(res)
    }
  },
  getters: {
    // // 计算属性 ==> 需要计算出可选频道
    // // 公式： 所有频道数据 - 我的频道数据 ==> 可选的
    // optionsChannelList(state) {
    //   // 遍历所以的频道数组，过滤出在我的频道里面没有的数据
    //   return state.allChannelList.filter((item) => {
    //     // item 是每一项 {id, name}

    //     const res = state.channelList.some((channel) => {
    //       return channel.id === item.id
    //     })
    //     console.log(res)
    //     // true ==> 表示该频道已经在我的频道有了
    //     // false ==> 属于可选频道

    //     if (res) {
    //       return false
    //     } else {
    //       return true // 符合条件为true，就会被过滤出去
    //     }
    //   })
    // }

    // 简化
    // 计算属性 ==> 需要计算出可选频道
    // 公式： 所有频道数据 - 我的频道数据 ==> 可选的
    optionsChannelList(state) {
      // 遍历所以的频道数组，过滤出在我的频道里面没有的数据
      return state.allChannelList.filter((item) => {
        // item 是每一项 {id, name}

        const res = 
        // console.log(res)
        // true ==> 表示该频道已经在我的频道有了
        // false ==> 属于可选频道

        if (res) {
          return false
        } else {
          return true // 符合条件为true，就会被过滤出去
        }

        return !state.channelList.some((channel) => channel.id === item.id)
      })
    }
  }
}
